<%@ page contentType="text/html;charset=UTF-8" %>

<html>
  <head>
     <link rel="stylesheet" href="${resource(dir: 'css', file: 'main.css')}" type="text/css">
  </head>
  <img src="${resource(dir: 'images', file: 'logoOriginalle.png')}"/>
  <div style="margin: 20px 0 10px 10px; width: 500px">
    <h3>  
      Cliente: <g:link controller="vendedor" action="show" id="${vendaInstance?.vendedor?.id}">${vendaInstance?.vendedor?.encodeAsHTML()}</g:link>
      </br>
    </h3>
    <p>CPF: ${vendaInstance.vendedor.cpf}</p>
      Data Venda:  <g:formatDate format="dd/MM/yyyy" date="${vendaInstance?.dateCreated}" />
    <table id="newspaper-b">
      <thead>
        <tr>
          <th scope="col">Cod Barra</th>
          <th scope="col">Categoria</th>
          <th scope="col">Cor</th>
          <th scope="col">Modelo</th>
          <th scope="col">QTD</th>
          <th scope="col">Preço Sugerido</th>
          <th scope="col">Custo Varejo</th>
          <th scope="col">Custo Soma</th>
        </tr>
      </thead>
      <tbody>
      <g:each in="${listProd}">
        <tr>
          <td>${it.produto.codBarra}</td>
          <td>${it.produto.categoria}</td>
          <td>${it.produto.cor}</td>
          <td>${it.produto.modelo}</td>
          <td>${it.qtdProduto}</td>
          <td id="preco">${it.produto.custoSugerido}</td>
          <td id="preco"><g:moeda valor="${it.produto.custoVarejo}"/></td>
          <td id="preco"><g:moeda valor="${it.valorTotalProd}"/></td>
        </tr>
      </g:each>
      </tbody>
      <thead>
        <tr>
          <th></th>
          <th></th>
          <th></th>
          <th></th>
          <th></th>
          <th></th>
          <th scope="col"><strong>TOTAL</strong></th>
          <th id="preco"><strong><g:moeda valor="${vendaInstance.valorTotal}"/></strong></th>
      </tr>
      </thead>
    </table>
      <p style="margin-top: 80px"> Reconheço os termos e condições estabelecidos pela Originalle folhedos no ato desta compra e me 
      comprometo com as condições estabelecidas.</p>
      <p style="text-align: center; margin-top: 50px">
        ______________________ </br> 
        ${vendaInstance.vendedor.nome}</br>
        ${vendaInstance.vendedor.cpf}</p>
  </div>
  <script>window.print();</script>
</html>
